<%@page import="com.wtu.utils.ValueDateShow"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>login</title>
<style type="text/css">
#head{
	background-color: #add;
	height: 60px;
}
#content >div{
	float: left;
}
#content_nav{
	margin-left: 850px;
	margin-top:100px;
	border:1px solid #aae;
	height: 400px;
	width:350px;
}
#login_content{
	float: left;
	border: 1px solid #999;
	width: 150px;
}

#login_on{
	margin-top: 35px;
}
</style>
<!-- <script type="text/javascript">
function show1(){
	var idlogin=document.getElementById("login_on");
	var idregist=document.getElementById("regist_on");
	idlogin.style.display="block";
	idregist.style.display="none";
}
function show2(){
	var idlogin=document.getElementById("login_on");
	var idregist=document.getElementById("regist_on");
	idlogin.style.display="none";
	idregist.style.display="block";
}
</script> -->
</head>
<body>
	<div>
		
		<!-- 
		这个界面分为上中下三个部分
		上面部分是标题和背景等相关内容
		中间部分分为左右两个部分：左边主要是一个背景图，右边是主体，有登录和注册的表单
		下面部分是底部信息公示栏		
		 -->
		
		<div id="head">
			<span>标题和logo图片</span>
		</div>
		<div id="content">
			<div>中间部分显示图片背景</div>
			<div id="content_nav">
				<!-- 
				这里分为登录和注册两个部分，两个部分的表单放置在一个大容器中，通过js控制展现不同的表单内容
				 -->
				
				<div id="login_content" >账号登录</div>
				<!-- <div id="registe_content" onclick="show2()">快速注册</div><br/> -->
				<br>
				<!-- 登录界面内容框 -->
				<form action="/PythonAndJSP/LoginServlet" method="post">
				<div id="login_on" style="display: block;">
					<span>用户名：</span>					
					<input type="text" name="login_on_name"/>
					<span>
						<%=ValueDateShow.showMassage(request,"erro_name") %>
					</span><br/>
					<span>密码：</span>
					<input type="password" name="login_on_password"/>
					<span>
						<%=ValueDateShow.showMassage(request,"erro_password") %>
					</span><br>
					<span>
						<%=ValueDateShow.showMassage(request,"erro_nameorpassword") %>
					</span><br>
					<button type="submit">登录</button>
					<button type="reset">重置</button><br>
				</div>
				</form>
				
				<!-- 注册界面内容框 -->
				<!-- 	<form action="/PythonAndJSP/RegestServlet">
				<div id="regist_on" style="display: none;">
					<span>用户名：</span>
					<input type="text" name="regist_on_name"/><br>
					<span>密码：</span>
					<input type="password" name="regist_on_password1"/><br>
					<span>确认密码：</span>
					<input type="password" name="regist_on_password2"/><br>
					<button type="submit">注册</button>
					<button type="reset">重置</button><br>
				</div>
				</form> -->

				<a href="#" target="_blank" title="忘记密码">忘记密码</a>
				<!-- <a href="#" target="_blank" title="注册账号">注册账号</a> -->
				<a href="#" target="_blank" title="意见反馈">意见反馈</a>
			</div>
		</div>
		<div id="bottom">
		
		</div>
	</div>
</body>
</html>
